body{ margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1200px; background:url(../images/zczj_02.jpg) repeat 0 0;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select{margin:0;padding:0;}
h1,h3,h3,h4{ font-size:14px;}
.clear{ clear:both;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration: none; color:#eb2914;}
img{ border:0 none; vertical-align:top;}
ul li{list-style:none;}
.warp { width:1200px; margin:0 auto;} 
.inp_one { width:200px; height:25px; line-height:25px;}
.inp_small { width:100px; height:25px; line-height:25px;}
#VCode { cursor:pointer;}
.mt { margin-top:15px;}
.blue { color:#0037FF;}

/*top*/
.header { width:100%; height:125px; margin:0 auto; border-top:5px solid #004391; background:#fff; position:relative;}
.header .logo { height:60px; float:left; margin-top:10px;}
.header .logo a { height:100%;}
.header .tel { float:right; font-size:28px; color:#e60012; margin-top:20px;}
.header .tel span { display:inline-block; padding-top:5px; line-height:13px; font-size:12px; color:#333; text-align:right; background:url(../images/zczj_01.png) no-repeat 50px 2px;}
.header .tel span i { color:#999; font-size:10px; font-style:normal; text-transform:Uppercase;}

/*导航*/
.nav { width:1200px; margin:auto; height:80px; background:#004ba0; position:absolute; top:85px; left:0; right:0; z-index:999;}
.nav li { float:left; height:80px; position:relative;}
.nav li a { display:block; padding:19px 23.15px 0 23.15px; font-size:16px; color:#fff; line-height:22px;}
.nav li a i { display:block; font-size:12px; font-style:normal; color:#9faab6; letter-spacing:1px; text-transform:Uppercase;}
.nav li:hover,.nav .hover { background:#e60012;}
.nav li:hover a,.nav .hover a,.nav li:hover a i,.nav .hover a i { color:#fff;}
.nav li:hover ul { display:block;}
.nav li ul { display:none; position:absolute; top:80px; background:#e60012; width:100%; border-radius:0 0 6px 6px; overflow:hidden;}
.nav li li { float:none; height:35px; border-top:1px solid #d20010;}
.nav li:hover li a { color:#e8e8e8; font-size:12px; line-height:35px; padding:0; text-align:center;}
.nav li:hover li a:hover { color:#fff;} 

/*搜索*/
.header .search { float:right; width:275px;}
.header .search input { display:block; border:none; height:40px; line-height:40px;}
.header .search .tit { float:left; width:195px;}
.header .search .tit p { height:39px; line-height:39px; padding:0 10px; color:#999; font-size:12px; background:#fff; margin-top:1px; width:175px;}
.header .search .tit input { background:#fff; color:#333; width:175px; padding:0 10px;}
.header .search .djs { float:right; background:#e60012 url(../images/search.png) no-repeat center center; width:80px; height:80px; padding:0 20px;}

/*banner*/
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.banner .hd { width:100%; text-align:center; position:absolute; bottom:20px; z-index:9;}
.banner .hd li { width:10px; height:10px; background:#fff; border-radius:50%; display:inline-block; margin:0 5px;}
.banner .hd .on { background:#e60012;}
.banner .bd { width:100%; position:relative; z-index:0;}
.banner .bd li { width:100%; position:relative;}
.banner .bd li a { display:block; width:100%;}
.banner .bd img { display:block; width:100%;}
.banner .prev,.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.banner .next{ left:auto; right:3%; background-position:8px 5px;}
.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=100);opacity:1;}
.banner_ej { width:100%; margin:0 auto;}
.banner_ej img { width:100%;}

/*脚部*/
.footer { width: 100%; padding-top: 30px; background: #b2000e;}
.footer a { -webkit-transition: all .5s ease; transition: all .5s ease;}
.footer a:hover { color: #fff !important;}
.footer .msg { float: left; width: calc(100% - 400px);}
.footer .msg .nva { display: flex; flex-direction: row; justify-content: space-between; width: 100%; height: 25px; font-size: 0; margin-bottom: 15px;}
.footer .msg .nva a { display: block; line-height: 25px; font-size: 14px; color: #fff; text-align: center; position: relative;}
.footer .msg .nva a::after { display: block; content: ""; width: 1px; height: 15px; background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.35),rgba(255,255,255,0)); position: absolute; top: 6px; right: -30px;}
.footer .msg .nva a:last-child::after { display: none;}
.footer .msg p { line-height: 25px; font-size: 12px; color: rgba(255,255,255,0.8);}
.footer .msg p a { color: rgba(255,255,255,0.8);}
.footer .img { float: right; width: 100px; text-align: center;}
.footer .img img { display: block; width: 90px; height: 90px; padding: 5px; overflow: hidden; background: #fff;}
.footer .img p { width: 100%; height: 20px; line-height: 20px; font-size: 12px; color: rgba(255,255,255,0.8); margin-top: 5px;}
.footer .copy { width: 100%; text-align: center; margin-top: 25px; padding: 15px 0; background: rgba(0,0,0,0.1);}
.footer .copy span { display: inline-block; line-height: 25px; font-size: 12px; color: rgba(255,255,255,0.8); margin-right: 40px;}
.footer .copy span:last-child { margin-right: 0;}
.footer .copy span a { color: rgba(255,255,255,0.8);}

/*在线客服*/
.contactusdiyou { position:fixed; top:40%; right:-190px; _position:absolute; width:190px; background:#b2000e; z-index:99999; _margin-bottom:0px; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); transition:all .5s ease; padding: 20px 0 ; border-radius:6px 0 0 6px;}
.contactusdiyou .hoverbtn { width:30px; height:129px; padding-top:20px; cursor:pointer; position:absolute; top:50%; margin-top:-66px; left:-30px; font-size:14px; color:#fff; background:#b2000e; -webkit-border-radius:3px 0px  0px 3px; -moz-border-radius:3px 0px  0px 3px; -o-border-radius:3px 0px  0px 3px; border-radius:3px 0px  0px 3px; -moz-box-shadow:-4px 4px 4px -4px #000; -webkit-box-shadow:-4px 4px 4px -4px #000; box-shadow:-4px 4px 4px -4px #000;} 
.contactusdiyou .hoverbtn span { width:30px; height:19px; line-height:19px; text-align:center; overflow:hidden; float:left;}
.contactusdiyou .hoverbtn .hoverimg { width:13px; height:9px; margin:10px 0px 0px 10px; float:left; display:inline; background-repeat:no-repeat;}
.hoverimg2 { background:url(hoverbtnbg1.png) no-repeat;} 

.contactusdiyou .conter { width:160px; margin-left:15px;}
.contactusdiyou .conter .con1 { border-bottom:1px solid #8d000b; padding-bottom:20px;}
.contactusdiyou .conter .con1 dl dt { width:31px; height:31px; float:left; position:relative; top:5px;}
.contactusdiyou  dl .f1 { width:120px; height:35px; line-height:35px; float:right; font-size:14px; _font-size:14px; *font-size:15px; color:#fff; vertical-align:top; font-weight:bold;}
.contactusdiyou  dl .f2 { width:120px; float:right; font-size:12px; color:#fff; line-height:30px;}
.kefuQQ a { width:70px; height:20px; display:block; vertical-align:middle; margin:5px 0 10px 0;}
.contactusdiyou .conter .con1 dl dd .ph_num { font-size:16px; *font-size:16px; _font-size:16px; color:#fff; height:25px;}
.contactusdiyou .weixincall { padding-top:20px;}
.contactusdiyou .weixincall dl dt { width:31px; height:31px; float:left; position:relative; top:5px;}
.contactusdiyou .weixincall .f3 { float:right; width:105px; height:auto; margin-right:10px; display:inline;}
.contactusdiyou .weixincall .f3 img { width:95px; height:95px; padding: 5px; background: #fff;}
.contactusdiyou .dytimer { float:right; width:160px; height:40px; padding:16px 0px 15px 0px; margin:20px 0px 0px 0px;}
.contactusdiyou .dytimer span { display:block; height:20px; line-height:20px; font-size:14px; color:#fff;} 
.diyou { _position:absolute; _bottom:auto; _margin-bottom:0px; z-index:99999999999; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));} 
.diyoumask { position:fixed; left:0; top:0; z-index:100000; width:100%; height:100%; opacity:0.3; filter:alpha(Opacity=30); background:#000; display:none;} .fn_cle:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}

/************************************************ 首页代码 start*****************************************************/
/**栏目标题**/
.title { text-align:center; margin:40px auto 30px auto;}
.title h3 { font-size:24px; color:#fff; line-height:35px; font-weight:500;}
.title p { text-transform:Uppercase; color:#a8defc; font-size:14px; letter-spacing:2px;}
.title span { display:block; width:25px; height:2px; margin:15px auto 0 auto; background:#a8defc;}

/*公司简介*/
.about { width: 100%;}
.about video { display:block; width:60%; margin: 0 auto;}

/*服务案例*/
.case { margin-bottom: 30px; overflow:hidden; position:relative;}
.case .hd { width:100%; text-align:center; height:30px; line-height:30px;}
.case .hd li { display:inline-block; width:10px; height:10px; margin:0 5px; background:#fff; border-radius:50%; overflow:hidden;}
.case .hd .on { background:#eb3d00;}
.case .bd { width:100%; height: 330px; overflow:hidden;}
.case .bd ul { width: 1200px; overflow:hidden; zoom:1;}
.case .bd li { float:left; width:calc(100% / 4); height:165px; overflow: hidden; background:#fff; position:relative;}
.case .bd li::before,
.case .bd li::after { display: block; content: ""; background: #eee; position: absolute; top: 0;}
.case .bd li::before { width: 100%; height: 1px; left: 0;}
.case .bd li::after { width: 1px; height: 100%; right: 0}
.case .bd li a { display:block; width:100%; overflow:hidden;}
.case .bd li img { display:block; max-width:100%; height: 125px; margin:20px auto;}
.case .bd li .mesg { display:none; width:301px; height:167px; color:#d0d0d0; letter-spacing:1px; text-align:center; background:url(../images/zczj_03.png) repeat 0 0; position:absolute; top:-1px; left:-1px; z-index:2;}
.case .bd li .mesg h3 { font-size:22px; font-weight:100; padding-top:45px; width:80%; margin:0 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case .bd li .mesg p { font-size:14px; line-height:40px;}
.case .bd li .mesg span { font-size:12px; color:#fff;}
.case .bd li:hover .mesg { display:block;}

/*企业资讯*/
.news { margin-bottom:20px;}
.news .mesg { float:left; width:580px; background:#fff; padding-bottom:15px;}
.news .mesg .img { width:580px; height:220px; position:relative; overflow:hidden;}
.news .mesg .img img { display:block; width:100%;}
.news .mesg .img p { width:75px; height:80px; font-size:40px; color:#fff; background:#eb3d00; text-align:center; position:absolute; top:0; left:0; z-index:2;}
.news .mesg .img p span { display:block; font-size:14px; color:#ffb9a1;}
.news .mesg h3 { font-size:16px; width:92%; margin:0 auto; line-height:35px; margin-top:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .mesg .p { width:92%; margin:0 auto; font-size:14px; color:#999; line-height:25px;}
.news .mesg:hover { background:#004ba0;}
.news .mesg:hover h3 a { color:#fff;}
.news .mesg:hover .p { color:#c0cfe1;}
.news ul { display:block; float:right; width:590px;}
.news li { width:calc(100% - 32px); height:100px; padding: 16px; margin-bottom:14px; background:#fff;}
.news li:last-child { margin-bottom: 0;}
.news li a { display:block; width:100%;}
.news li .time { float:left; width:100px; height:90px; padding-top:10px; font-size:40px; color:#666; text-align:center; background:#f8f8f8;}
.news li .time span { display:block; font-size:16px;}
.news li .wz { float:right; width:calc(100% - 120px);}
.news li .wz h3 { width:100%; font-size:18px; color:#333; font-weight:100; line-height:35px; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news li .wz p { line-height: 25px; font-size:14px; color:#999;}
.news li:hover { background:#004ba0;}
.news li:hover .time { background:#e60012; color:#fff;}
.news li:hover .wz h3 { color:#fff;}
.news li:hover .wz p { color:#c0cfe1;}
/************************************************ 首页代码 end*****************************************************/

/*** 子页公用当前位置、栏目标题及二级栏目 ***/
/*公用*/
.content { width:1200px; margin:0 auto; position:relative; background:#fff;}
.zc_tit { width:1100px; height:50px; padding:30px 50px; background:#fff; border-bottom:1px solid #eee; margin:auto; position:absolute; top:-110px; left:0; right:0;}
.zc_tit h3 { float:left; font-size:22px; color:#333; font-weight:100; line-height:25px;}
.zc_tit h3 span { display:block; font-size:14px; color:#999; text-transform:Uppercase;}
.zc_tit .posit { float:right; line-height:50px; color:#999;}
.zc_tit .posit a { color:#999;}
.lh { padding:30px 50px; min-height:300px; font-size:14px; line-height:28px;}
.lh img { display:block; max-width:100%; margin:0 auto;}

/*详情页公用*/
.time_click { font-size:12px; text-align:center; color:#666; line-height:50px;}
.show_h3 { font-size:30px; text-align:center; border-bottom:1px solid #eee; padding-bottom:10px; margin:0px auto 30px auto; color:#333; line-height:50px;}
.show_sxp { padding:10px 20px; clear:both; font-size:14px; line-height:35px; color:#020202; margin-top:25px; background:#f4f4f4;}
.show_sxp p { display:block; float:left; width:50%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp a { color:#666;}

/*分页*/
.scott { overflow:hidden; text-align:center; line-height:30px; padding:10px 0; font-size:14px; letter-spacing:2px;}
.scott a { border:1px solid #004ba0; padding:5px 15px; margin-right:10px;}
.scott a:hover { border:1px solid #004ba0; text-decoration:none; color:#004ba0;}
.scott a:active { border:1px solid #004ba0; text-decoration:none; background:#004ba0;}
.scott .current { border:1px dashed #004ba0; padding:5px 15px; font-weight:bold; color:#fff; margin:0 10px; background:#004ba0;}
.scott .disabled { border:1px dashed #004ba0; padding:5px 15px; color:#004ba0; margin-right:10px;}

/*新闻列表*/
.new_list { width:100%;}
.new_list li { float:left; width:353px; overflow:hidden; margin:0 20px 30px 0;}
.new_list .img { width:353px; height:134px; overflow:hidden;}
.new_list .img img { display:block; width:100%;}
.new_list .mesg { height: 75px; border-bottom:1px solid #eee; padding:15px 0;}
.new_list .mesg a { display:block; width:100%;}
.new_list .mesg .time { float:left; font-size:24px; color:#666; line-height:25px; border:1px solid #eee; background:#fff; padding:10px 10px;}
.new_list .mesg .time span { display:block; font-size:16px; color:#999;}
.new_list .mesg .wz { float:right; width:260px; transition:all 0.6s ease 0s;}
.new_list .mesg .wz h3 { font-size:16px; color:#333; font-weight:100; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.new_list .mesg .wz p { font-size:12px; color:#999; line-height:22px; width:100%;}
.new_list li:hover .mesg { border-color:#004ba0;}
.new_list li:hover .mesg .time { color:#004ba0;}
.new_list li:hover .mesg .wz { width:250px;}
.new_list li:hover .mesg .wz h3 { color:#e60012;}

/*图片列表*/
.picli {}
.picli li { float:left; width:220px; overflow:hidden; margin:0 0px 30px 0;}
.picli .img { width:220px; height:100px; overflow:hidden;}
.picli .img img { display:block; width:75%; margin:0 auto;}
.picli .mesg { text-align:center; margin-top:10px;}
.picli .mesg a { display:block; width:100%;}
.picli .mesg .wz { width:100%; transition:all 0.6s ease 0s;}
.picli .mesg .wz h3 { height:30px; line-height: 30px; font-size:16px; color:#333; font-weight:100; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.picli .mesg .wz p { font-size:12px; color:#999; height:22px; line-height:22px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.picli li:hover .mesg { border-color:#004ba0;}
.picli li:hover .mesg .wz h3 { color:#e60012;}

/*联系我们单独页面*/
.c_ontact { width:100%;}
.c_ontact .compan { width:100%; background:#f5f4f4; text-align:center; position:relative; line-height:30px; padding:15px 0;}
.c_ontact .compan p { font-size:16px; color:#e29613;}
.c_ontact .compan h1 { font-size:30px; color:#222; font-weight:100; margin:5px 0;}
.c_ontact .compan span { display:block; font-size:13px; color:#999; letter-spacing:1px;}
.c_ontact .compan i { display:block; width:94px; height:47px; position:absolute; bottom:-47px; left:0; right:0; margin:0 auto; background:url(../images/contact_ico.png) no-repeat 0 0;}
.c_ontact .contac_t { margin: 50px 0;}
.c_ontact .contac_t li { padding-left:46px; line-height:45px; background-position:left center; background-repeat:no-repeat; margin-top:10px;}
.c_ontact .contac_t .ct1 { background-image:url(../images/contact_ico06.png);}
.c_ontact .contac_t .ct3 { background-image:url(../images/contact_ico01.png);}
.c_ontact .contac_t .ct4 { background-image:url(../images/contact_ico04.png);}
.c_ontact .contac_t .ct5 { background-image:url(../images/contact_ico05.png);}
.c_ontact .contac_t .ct6 { background-image:url(../images/contact_ico03.png);}
.c_ontact .cont_map { width:100%; height:64px; background:url(../images/contact_map.png) no-repeat center top; margin:40px auto 30px auto;}

/*人才招聘*/
.bottom_top { width:100%; margin-bottom: 20px;}
.leftbox { float:left; width:350px; height:120px; padding: 10px 0; background: #004ba0;}
.leftbox img { display: block; max-width: 100%; height: 120px; margin: 0 auto;}
.rightbox { float:right; width:720px; height:140px; line-height:25px; font-size:14px; color:#666; padding-bottom:25px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.rightbox p { line-height: 25px; font-size: 13px; color: #333; margin-top: 10px;}
.rightbox p b { font-size: 16px; color: #e60012;}
.bottom_bottom_top { color:#fff; background:#004ba0; height:70px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; cursor:pointer; margin-bottom:1px; padding:0 20px;}
.bottom_bottom_top h1 { float:left; font-size:18px; font-weight:bold; line-height:70px;}
.bottom_bottom_top .fb { display:block; float:right; width:60%; height:20px; line-height:20px; margin-top:25px;}
.bottom_bottom_top .fb li { float:left; width:33%; font-size:12px; border-right:1px solid #fff; text-align:center;}
.bottom_bottom_top .fb li:nth-child(3) { border-right:none;}
.bottom_bottom { margin:0 auto;}
.bottom_bottom_bottom { background:#f4f6f9; padding:20px; overflow:hidden; display:none; height:0;}
.ar_art h3 { color:#004ba0; font-size:14px; font-weight:600;}
.ar_art p { line-height:36px;}
.ar_art { color:#666; line-height:30px;}

/*招聘表单*/
.form { padding:10px;}
.form dl { overflow:hidden; zoom:1; padding-top:15px;}
.form dt { float:left; width:15%; font-size:14px; line-height:35px; color:#333; text-align:right;}
.form dd { float:left; width:200px; line-height:35px; padding-left:20px;}
.form dd select, .form dd input { vertical-align:middle; background:#f4f4f4; border:1px solid #ddd; color:#18284a; height:35px; line-height:35px; word-spacing:0; padding:0 10px; width:170px;}
.form dd textarea { vertical-align:middle; background:#f4f4f4; border:1px solid #ddd; color:#18284a; line-height:25px; word-spacing:0; width:522px; height:117px;}
.form dd .logo{border: 1px solid #D4D4D4;}
.form dd p {clear: both;color: #A0A0A0;padding: 4px 0 0 0;line-height: 16px;}
.form_b {text-align: left;padding:0px 0 0px 115px;}
.zpimg { float:left;}



/*在线留言*/
.company { margin-left:50px;}
.company li { margin-top:27px;}
.company_l { margin-left:4px; width:327px;}
.company_r { color:#434343; margin-right:4px; text-indent:2em;}
.company_r span { display:block; line-height:26px; margin-top:26px;}
.company_bot { margin-bottom:175px;}
.main_ly li { clear:both; color:#3c3b3b; font-size:16px; line-height:30px; padding:0 0 12px;}
.main_ly_t1 { float:left; width:70px; line-height:30px; font-size:16px;}
.main_ly_t2 { color:#999999; float:left; font-size:14px; padding:0 0 0 15px; line-height:30px;}
.main_bd { border:1px solid #dddddd; float:left; height:29px; line-height:29px; padding:0 0 0 5px; width:230px;}
.main_bd1 { border:1px solid #dddddd; float:left; font-size:14px; height:102px; line-height:25px; padding:5px; width:500px;}
.main_bd2 { border:1px solid #dddddd; float:left;width:130px;height:35px;line-height:35px; padding:0 0 0 5px; }
.main_bd2img{ margin:0px 0 0 5px;width:130px;height:35px}
.main_but { clear:both; padding:20px 0 0;}
.main_but input { display:block; float:left; border:none; margin-right:30px; height:35px; width:100px; border:0px; color:#3c3b3b; font-size:16px; line-height:35px; cursor:pointer;}
.main_but .blue { background:#004ba0; color:#fff;}